<template>
	<view class="wrap">
		<image src="../../static/images/gugou/girl.png" class="icon" mode="widthFix"/>
		<view class="head">
			开团成功!
		</view>
		<view class="btn">
			<view class="goIndexBtn" @click="goIndex">
				返回首页
			</view>
			<view class="createGoodsBtn" @click="goCreateGoods">
				马上开谷
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		onShow() {
			let pages=getCurrentPages()
			this.groupId=pages[pages.length-1].options.groupId
		},
		data() {
			return {
				groupId:null,
			};
		},
		methods:{
			goIndex(){
				uni.switchTab({
					url:'/pages/index/index'
				})
			},
			goCreateGoods(){
				uni.navigateTo({
					url:`/pages/createGoods/createGoods?groupId=${this.groupId}`
				})
			}
		},
	}
</script>

<style lang="scss">
.wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 50%;
	.icon {
		width: 400rpx;
	}
}
.head{
	text-align: center;
	font-size: 50rpx;
	color:#8DC7DF;
	font-weight: 700;
}
.btn{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 100rpx;
	.goIndexBtn,.createGoodsBtn{
		font-size: 30rpx;
		color:#000000;
		box-shadow: 0 10rpx 15rpx 1rpx #8DC7DF;
		height: 80rpx;
		line-height: 80rpx;
		padding: 0 40rpx;
		border-radius: 40rpx;
		margin: 0 50rpx;
		&:hover {
			background-color: #8DC7DF;
			color:#ffffff;
		}
	}
}
</style>
